<legend>White label preview</legend>
<script src="/js/carsData.js"></script>
<div>
  <iframe id="carPreviewFrame" frameborder=0 width="900" 
  
  src="/label/tpl1/<?= $this->label->getHash(); ?>?styles=<?= urlencode("body{background-color:white}") ?>"></iframe>
</div>
<legend>Implementation</legend>
<p>Place the script below in the header of the iframe</p>
<pre>
<?
  $data = '<script src="//'.DOMAIN_NAME.'/js/carsData.js"></script>';
  echo htmlentities($data);
?> 
</pre>
<pre>
<?
  $data = '<iframe id="carPreviewFrame" frameborder=0 width="900" src="http://'.DOMAIN_NAME.'/label/tpl1/'.$this->label->getHash().'"></iframe>';
  echo htmlentities($data);
?> 
</pre>
User can overwrite iframe styles by passing <strong>styles</strong> parameter <a target="_blank" href="http://<?= DOMAIN_NAME.'/label/tpl1/'.$this->label->getHash().'?styles='.urlencode("body{background-color:blue}"); ?>">eg</a>:
<pre>
<?
  $data = '<iframe id="carPreviewFrame" frameborder=0 width="900" src="http://'.DOMAIN_NAME.'/label/tpl1/'.$this->label->getHash().'?styles='.urlencode("body{background-color:blue}").'"></iframe>';
  echo htmlentities($data);
?> 
</pre>
